<template>
  <view class="form-box" :data-theme="cueTheme">
    <custom-navbar :title="title" />
    <basic-components />

    <view class="form-item">
      <view class="basic-row">
        <view class="title ">
          <text class="iconfont icon-bitian1 require" />
          <image class="image" src="~@/static/img/task2.png" />
          类型名称
        </view>
        <view class="value">
          <uni-easyinput v-model="addForm.form.dicValue" :clearable="false" placeholder="请输入类型名称" />
        </view>
      </view>
    </view>

    <view class="segmentation">
      <view class="line" />
      <view class="text">
        图标颜色调整
      </view>
      <view class="line" />
    </view>
    <view class="task-icon-color">
      <view class="title m-b-5">
        <image class="image m-r-5" src="~@/static/img/icon.png" />
        挑选图标(可选)
        <text class="m-l-5 hint">
          往左滑选择更多图标
        </text>
      </view>
      <view class="icon">
        <view v-for="(img, key) in icons" :key="key"
          :class="[img.name === addForm.form.selectBg ? 'is-border is-bg' : '']" @tap="selctColor(img.name, 'icon')">
          <image class="image" :src="img.url" />
        </view>
      </view>
    </view>

    <view class="btn" @tap="save">
      <view>
        保存
      </view>
    </view>
  </view>
</template>

<script>
import { getFiles } from "@/utils/getFiles"
const files = require.context("./mixins", false, /\.js$/)
const mixins = getFiles(files)

export default {
  mixins: [...mixins],
  onLoad(options) {
    this.init(options)
  },
  data() {
    return {
      value: "",
    }
  },
  methods: {
  }
}
</script>

